<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>商品列表</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/dl_productlist.css" />
    <style type="text/css">
        /*select {
            -webkit-appearance: checkbox !important;
            appearance: checkbox !important;
            border: none;
            background-image: -webkit-linear-gradient(270deg, #eee, #eee 50%, transparent 50%), -webkit-linear-gradient(180deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%), -webkit-linear-gradient(0, #dddddd, #dddddd 50%, transparent 50%) !important;
            background-image: linear-gradient(180deg, #eee, #eee 50%, transparent 50%), linear-gradient(270deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(0deg, #dddddd, #dddddd 50%, transparent 50%), linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%) !important;
            background-size: 100% 1px, 1px 100%, 100% 1px, 1px 100% !important;
            background-repeat: no-repeat !important;
            background-position: top, right top, bottom, left top !important;
        }*/
    </style>
</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <div class="aui-content">

            <!-- 产品列表 -->
            <div class="productlist">
                <div id="main_refresh" class="aui-refresh-content">
                    <div class="aui-content content">
                        <ul class="aui-list aui-media-list" style="background-size:100% 0px;background:#f0f0f0;margin-bottom: 70px;">
                            <li class="aui-list-item btn_line border_btn" style="padding-bottom:20px;" v-for='item in productlist'>
                                <div class="aui-media-list-item-inner ">
                                    <div class="aui-list-item-media">
                                        <img v-bind:src="item.imageurl" />
                                    </div>
                                    <div class="aui-list-item-inner">
                                        <div class="pro-list-item-title aui-ellipsis-2">
                                            {{item.title}}
                                        </div>
                                        <div class="aui-list-item-text pro_price" style="margin: 10px 0 0 0;">
                                            <div class="item_price">
                                                <span>{{item.price}}</span>
                                            </div>
                                            <div v-if="item.VariantInventory==0" class="public_type">
                                                已售罄
                                            </div>
                                        </div>
                                        <div class="cp_msg">
                                            <div class="xiaoliang">
                                                <div class="xl_lft">销量</div>
                                                <div class="xl_rgt">{{item.SaleCount}}</div>
                                            </div>
                                            <div class="xiaoliang">
                                                <div class="xl_lft">剩余库存</div>
                                                <div class="xl_rgt">{{item.VariantInventory}}</div>
                                            </div>
                                            <div class="xiaoliang">
                                                <div class="xl_lft">成交额</div>
                                                <div class="xl_rgt">{{item.SaleAmount}}</div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div class="order_pro_fk">
                                    <div v-if="pageParam.status==10" class="or_pro_fk" v-on:click="offshelf(item.id)">下架</div>
                                    <div v-if="pageParam.status==2||pageParam.status==24" class="or_pro_fk" v-on:click="editShop(item.id)">编辑</div>
                                    <div v-if="pageParam.status==10||pageParam.status==2||pageParam.status==24" class="or_pro_fk" aui-popup-for="center" v-on:click="editStock(item.id)">调整</div>
                                    <div v-if="pageParam.status==2||pageParam.status==24" class="or_pro_fk" v-on:click="onshelf(item.id)">上架</div>
                                    <div v-if="pageParam.status==3" class="or_pro_fk" v-on:click="cancelApply(item.id)">取消申请</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>

            <!-- 调整 -->
            <div style="z-index: 9999" class="aui-popup aui-popup-center aui-popup_all" id="center">
                <div class="aui-popup_title">
                    调整库存
                </div>
                <div class="popup_main" style="position:relative;">
                    <div style="width: 24%;float: left;">已选规格</div>
                    <div style="width:65%;  float: right; vertical-align: top;">
                        <select placeholder="请选择" v-model="Variant.VariantID" @change="changeVariant(Variant.VariantID)">
                            <option v-bind:value="item.ID" v-for="item in Variantproductlist" >
                              {{item.VariantName}}
                            </option>
                            <!-- {{item.VariantName}} -->
                        </select>
                    </div>
                    <div style="clear:both;">
                    </div>
                    <div style="position:absolute;right:-15px;top:0;">
                      <i style="font-size: 0.7rem" class="icon iconfont icongengduo_"></i>
                    </div>
                </div>
                <div class="popup_main">
                    当前单价<input type="number" v-model="Variant.VariantPrice" class="border_line">
                </div>
                <div class="popup_main">
                    当前库存<input type="number" v-model="Variant.Inventory" class="border_line">
                </div>
                <div class="popup_btn top_line">
                    <div class="order_pro_fk">
                        <div class="or_pro_ok" v-on:click="do_popup()"> 确认
                        </div>
                        <div class="or_pro_fk" v-on:click="close_popup()"> 取消
                        </div>
                    </div>
                </div>
            </div>

            <div class="bsbx_btm top_line">
                <div class="bsbx_add" v-on:click="open_addproduct()">新增商品</div>
            </div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/dl_productitems.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>

</html>
